@theme: @themePrimary;
@themePrimary: #0079fe;
@themePink: pink;
@asideBg: #fff; // 左侧菜单背景
@asideBgActive: #f5f5f5; // 左侧菜单hover背景
@activeBg: #f5f5f5; // 移入背景色

.theme(@backcolor:#0079fe,@backLine:rgb(3, 148, 230),@isActive:#006de5,@fcolor:#08816f) {
  .container {
    .topbar-wrap {
      background: @backcolor;
      color: #fff;
      .topbar-title {
        border-left: 1px solid @backLine;
      }
      .iconfont {
        color: #fff;
      }
      .el-dropdown {
        height: 50px;
        line-height: 43px;
      }
      .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
      .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
      .el-menu--horizontal > .el-menu-item.is-active {
        color: #fff;
        background: @isActive;
        border: none;
      }
    }
    .app-breadcrumb.el-breadcrumb .no-redirect {
      color: @fcolor;
    }
    aside {
      color: #333333;
      background: @asideBg;
      border-right: 1px solid rgba(228, 228, 228, 1);
      .el-menu {
        background: @asideBg;
      }
      .el-menu-item {
        color: #333333;
      }
      .el-menu-item .iconfont {
        font-size: 15px;
      }
      .menu-toggle {
        background: @asideBg;
        color: @fcolor;
      }
      .el-menu-item i {
        color: inherit;
      }
    }
    aside .el-menu-item:hover,
    aside .el-submenu .el-menu-item:hover,
    aside .el-submenu__title:hover {
      background-color: @asideBgActive;
      color: @fcolor;
      border-right: 2px solid;
    }

    aside .el-submenu .el-menu-item {
      background-color: @asideBg;
      padding-left: 42px !important;
      font-weight: initial;
    }

    aside .el-submenu .el-menu-item:hover {
      background-color: @asideBgActive;
    }

    aside .el-submenu .el-menu-item.is-active,
    aside .el-menu-item.is-active,
    aside .el-submenu .el-menu-item.is-active:hover,
    aside .el-menu-item.is-active:hover {
      background-color: @asideBgActive;
      color: @fcolor;
      border-right: 2px solid;
    }
    .el-menu-item:focus {
      background-color: @asideBgActive;
      color: @fcolor;
      border-right: 2px solid;
    }
    // 首页
    .entranceBox {
      .entrance-item {
        &:hover {
          .iconfont {
            color: @fcolor;
          }
        }
      }
    }
    // 数据简报
    .dashboard .dataListBox .dataList-item .num {
      color: @fcolor;
      font-weight: 400;
    }
    .dashboard .dataListBox .dataList-item .more {
      color: @fcolor;
    }
    .dashboard .dataListBox .dataList-item:hover {
      .more {
        background: @fcolor;
        color: #fff;
      }
    }
    // 系统报告
    .dashboard .newsBox .news-item:hover {
      color: @fcolor;
      cursor: pointer;
      .right {
        color: @fcolor;
      }
    }
  }
}
